<%@ page language="java" contentType="text/html; charset=UTF-8"
 pageEncoding="UTF-8"%>

<script type="text/javascript" src="js/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="bootstrap/js/bootstrap.js"></script>
<c:set var="path" value="${pageContext.request.contextPath}"/>
<link rel="stylesheet" type="text/css" href="js/mdialog.css">
<script src="js/zepto.js"></script>
<script src="js/touch.js"></script>
<script src="js/zpDialog.js"></script>
<script src="js/zpDialogTwo.js"></script>
<script src="js/zpDialogThree.js"></script>
<script src="js/zpDialogFour.js"></script>
<script src="js/zpDialogFive.js"></script>
<script src="js/zpDialogSix.js"></script>
<script src="js/zpDialogSeven.js"></script>
<script type="text/javascript" src="js/zepto.min.js"></script>
<script type="text/javascript" src="js/mdialog.js"></script>
<script type="text/javascript" src="js/jquery.js"></script> 
<script type="text/javascript" src="js/sweetalert.min.js"></script>
<link rel="stylesheet" type="text/css" href="js/css/sweetalert.css"/>
<link rel="stylesheet" href="js/css/main.css" />
<html>
<head>
	<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
	<style type="text/css">
		.round {
		   padding:10px; width:300px; height:50px;
		   border: 0px solid #dedede;
		   -moz-border-radius: 5px;      /* Gecko browsers */
		   -webkit-border-radius: 5px;   /* Webkit browsers */
		   border-radius:5px;            /* W3C syntax */
		}
		#imghead2{
    		width:50px; 
	        height:50px; 
	        border-radius:200px; 
    	}
	
  	</style>
	   <style> 
.loadingWrap{  
    position:fixed;  
    top:0;  
    left:0;  
    width:100%;  
    height:100%;  
    z-index:300;  
    background-image:url(csh/image/loading.gif);  
    background-repeat:no-repeat;  
    background-position:center center;  
    background-color:#000;  
    background-color:rgba(0,0,0,0.5);  
    filter:alpha(opacity=50);  
}  
</style>
<style>
.demo{width:300px; margin:60px auto 10px auto}
@media only screen and (min-width: 420px) {
	.demo{width:500px; margin:60px auto 10px auto}
}
button, .button {
	background-color: #AEDEF4;color: white;border: none;box-shadow: none;
	font-size: 17px;font-weight: 500;font-weight: 600;
	border-radius: 3px;padding: 15px 35px;margin: 26px 5px 0 5px;cursor: pointer; }
button:hover, .button:hover {background-color: #a1d9f2; }
</style>
<script type="text/javascript" src="jquery/1.9.1/jquery.min.js"></script> 
<script type="text/javascript" src="layer/2.4/layer.js"></script>
<script type="text/javascript">


	function nuber(){
		swal("Good!", "已经提交成功", "success");
	};

</script>

<script type="text/javascript">
   function one(){
        $('#code').center();
        $('#goodcover').show();
        $('#code').fadeIn();
    };
    function tow() {
        $('#code').hide();
        $('#goodcover').hide();
    };
$(function() {
    
	$('#goodcover').click(function() {
        $('#code').hide();
        $('#goodcover').hide();
    });
    /*var val=$(window).height();
	var codeheight=$("#code").height();
    var topheight=(val-codeheight)/2;
	$('#code').css('top',topheight);*/
     jQuery.fn.center = function(loaded) {
        var obj = this;
        body_width = parseInt($(window).width());
        body_height = parseInt($(window).height());
        block_width = parseInt(obj.width());
        block_height = parseInt(obj.height());

        left_position = 200;//parseInt((body_width / 2) - (block_width / 2) + $(window).scrollLeft());
        if (body_width < block_width) {
            left_position = 20//0 + $(window).scrollLeft();
        };

        top_position = parseInt((body_height / 2) - (block_height / 2) + $(window).scrollTop());
        if (body_height < block_height) {
            top_position = 0 + $(window).scrollTop();
        };

        if (!loaded) {

            obj.css({
                'position': 'absolute'
            });
            obj.css({
                'top': ($(window).height() - $('#code').height()) * 0.5,
                'left': left_position
            });
            $(window).bind('resize', function() {
                obj.center(!loaded);
            });
            $(window).bind('scroll', function() {
                obj.center(!loaded);
            });

        } else {
            obj.stop();
            obj.css({
                'position': 'absolute'
            });
            obj.animate({
                'top': top_position
            }, 400, 'linear');
        }
    }

})
</script>



<title>用户资料完善</title>
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">

</head>
<body  style="background-color:#f2f3f4 ">
<div class="container-fluid">
      <div class="row">
 		<table border="0px solid red" width="100%" height="100%">
 			<tr height="8%"> 
     			<td style="width: 50px; background-color:#373a3b;" align="center"><img alt="" src="img/return.jpg"  style="width: 30px; height: 20px;"></td>
     			<td style="width: 950px; background-color:#373a3b; color: white;" align="center">用户资料完善</td>
     		</tr>
     		<tr height="15%">
     			<td colspan="2" align="center">
     				 	<img alt="" src="img/t1090esttow.jpg" style="width:310px;height: 310px;border-radius: 180px;">		
     			</td>
     		</tr>
 		
 			<!-- <tr>
 			<td style="width: 150px" align="center"><img alt="" src="img/2006707973.jpg" style="width: 35px"></td>
 			<td style="width: 700px;" align="center"><span style="font-size: 50px;color: #ffffff;">用户资料完善</span></td>
 			</tr>
 		</table>	
 		</div>
 		<div class="col-sm-12" style="height:40px;background-color: #ffffff" align="center" ></div>
 		<div class="col-sm-12" style="height:360px;background-color: #ffffff" align="center" >
 		<table  >
 			<tr >
 				<td>
 				<img alt="" src="img/t1090esttow.jpg" style="width:310px;height: 310px;border-radius: 180px;">
 				</td>
 			</tr>
 		</table>
 		</div>
 		<div class="col-sm-12" style="height:40px;width:100%;padding: 0;background-color: #f2f3f4" >
 		</div>
 		<div class="col-sm-12" style="height:150px;width:100%;padding: 0;background-color: #ffffff" >
 		<table style="font-size: 45px;color: #333b46;">
 			<tr style="height: 40px;"></tr>
 			<tr>
 				<td>
 					&nbsp;&nbsp;&nbsp;姓名
 				</td>
 				<td>
 					<input type="text"  style="height: 100px;width:810px;font-size: 50px;color:#bfc7cc;border-left-width:0px;border-top-width:0px;border-right-width:0px;border:0;padding:0;text-align: right;" >
 					<span>&nbsp;</span>
 				</td>
 			</tr>
 			<tr style="height: 40px;"></tr>
 		</table>
 		</div>
 		<div class="col-sm-12" style="height:3px;width:100%;padding: 0;" >
 		<table>
 				<tr>
 					<td style="background-color: #ffffff;width: 35px">&nbsp;&nbsp;&nbsp;</td>
 					<td style="background-color: #e2e9e6"></td>
 				</tr>
 		</table>
 		</div>
 		<div class="col-sm-12" style="height:150px;width:100%;padding: 0;background-color: #ffffff" >
 		<table style="font-size: 45px;color: #333b46;">
 			<tr style="height: 40px;"></tr>
 			<tr>
 				<td>
 					&nbsp;&nbsp;&nbsp;手机号码
 				</td>
 				<td>
 					<input type="text"  style="height: 100px;width:720px;font-size: 50px;color:#bfc7cc;border-left-width:0px;border-top-width:0px;border-right-width:0px;border:0;padding:0;text-align: right;" >
 					<span>&nbsp;</span>
 				</td>
 			</tr>
 			<tr style="height: 40px;"></tr>
 		</table>
 		</div>
 		<div class="col-sm-12" style="height:3px;width:100%;padding: 0;" >
 		<table>
 				<tr>
 					<td style="background-color: #ffffff;width: 35px">&nbsp;&nbsp;&nbsp;</td>
 					<td style="background-color: #e2e9e6"></td>
 				</tr>
 		</table>
 		</div>
 		 <div class="col-sm-12" style="height:150px;width:100%;padding: 0;background-color: #ffffff" >
 		<table style="font-size: 45px;color: #333b46;">
 			<tr style="height: 40px;"></tr>
 			<tr>
 				<td>
 					&nbsp;&nbsp;&nbsp;身份
 				</td>
 				<td>
 					<input type="text"  style="height: 100px;width:810px;font-size: 50px;color:#bfc7cc;border-left-width:0px;border-top-width:0px;border-right-width:0px;border:0;padding:0;text-align: right;" >
 					<span>&nbsp;</span>
 				</td>
 			</tr>
 			<tr style="height: 40px;"></tr>
 		</table>
 		</div>
 		<div class="col-sm-12" style="height:3px;width:100%;padding: 0;" >
 		<table>
 				<tr>
 					<td style="background-color: #ffffff;width:35px">&nbsp;&nbsp;&nbsp;</td>
 					<td style="background-color: #e2e9e6"></td>
 				</tr>
 		</table>
 		</div>
 		 		<div class="col-sm-12" style="height:150px;width:100%;padding: 0;background-color: #ffffff" >
 		<table style="font-size: 45px;color: #333b46;">
 			<tr style="height: 40px;"></tr>
 			<tr>
 				<td>
 					&nbsp;&nbsp;&nbsp;小区
 				</td>
 				<td>
 					<input type="text"  style="height: 100px;width:810px;font-size: 50px;color:#bfc7cc;border-left-width:0px;border-top-width:0px;border-right-width:0px;border:0;padding:0;text-align: right;" >
 					<span>&nbsp;</span>
 				</td>
 			</tr>
 			<tr style="height: 40px;"></tr>
 		</table>
 		</div>
 		<div class="col-sm-12" style="height:3px;width:100%;padding: 0;" >
 		<table>
 				<tr>
 					<td style="background-color: #ffffff;width:35px">&nbsp;&nbsp;&nbsp;</td>
 					<td style="background-color: #e2e9e6"></td>
 				</tr>
 		</table>
 		</div>
 		 		<div class="col-sm-12" style="height:150px;width:100%;padding: 0;background-color: #ffffff" >
 		<table style="font-size: 45px;color: #333b46;">
 			<tr style="height: 40px;"></tr>
 			<tr>
 				<td>
 					&nbsp;&nbsp;&nbsp;楼栋
 				</td>
 				<td>
 					<input type="text"  style="height: 100px;width:810px;font-size: 50px;color:#bfc7cc;border-left-width:0px;border-top-width:0px;border-right-width:0px;border:1;padding:0;text-align: right;border-color: white;border-left-color: white;border-right-color: white;border-top-color: white;" >
 					<span>&nbsp;</span>
 				</td>
 			</tr>
 			<tr style="height: 60px;"></tr>
 		</table>
 		</div>
 		<div class="col-sm-12" style="height:3px;width:100%;padding: 0;" >
 		<table>
 				<tr>
 					<td style="background-color: #ffffff;width: 35px"></td>
 					<td style="background-color: #e2e9e6"></td>
 				</tr>
 		</table>
 		</div>
 		<div class="col-sm-12" style="background-color: #f2f3f4;height: 120px;" align="center" ></div>
		<div class="col-sm-12" style="background-color: #f2f3f4;height: 250px;" align="center" >
			<table>
				<tr  >
					<td>
					<button  type="button" style="padding: 10px 20px;border-radius: 30px; background:none; border: 0; color: #333; width:650px;height: 130px;font-size: 45px;background-color:#27a2f0;color: #ffffff" onclick="one()">确定</button>
					</td>
				</tr>
				
			</table>
		</div>
<div id="code" style="height: 100px;" >
  <div class="code-img" align="center" > <img  src="img/603318281.jpg" style="height: 550px;width: 550px;" onclick="tow()"></div> 
</div>-->
</table>
 	</div>
 </div>

  </body>
</html>
